{layout name="layout" /}
<script type="text/javascript" src="__VDONG__/js/app_login_reg.js"></script>
<style>
.miniAppCase {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    position: relative;
}
.case_nav {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
}
.inv-type {
    height: 45px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.case_nav .inv-type .tab-active {
    border-bottom: 4px solid #ffcb2f;
}
.inv-type .tab {
    position: relative;
    cursor: pointer;
    display: inline-block;
    float: left;
    width: 87px;
    height: 41px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #3b3b3b;
}
.vdongpage{width: 960px;margin:auto;}
  .pagination a:hover,.current{background-color: #f54281;border: 1px solid #f54281;color: #ffffff; }
    .pagination a,.pagination span{ font-size: 14px;text-decoration: none;display: block;float: left;color: #565656;border: 1px solid #ccc;height: 34px;line-height: 34px;margin: 0 2px;width: 34px;text-align: center;}
    .pagination ul li{float:left;margin-bottom: 20px;}
    .pagination ul{margin:0 auto;}
}
</style>
  <img src="__VDONG__/picture/seo1x1.png" alt="微信小程序即速应用" title="微信小程序即速应用" style="position: absolute;z-index: 9999;top: 0px;width: 1px;height: 1px;" /> 
  <!-- 轮播开始 --> 
  <div id="slides"> 
  {notempty name="slider"}
    {volist name="slider" id="item"}
    <a data-index="slide1" href="{$item.url|default='javascript:void(0);'}" target="_blank" rel="nofollow">
    <img src="{:get_file_path($item['cover'])}" alt="{$item.title}" rel="nofollow" />
    {/volist}
  </a> 
    {/notempty}
   <div class="slidesjs-previous slidesjs-navigation swiper-button-prev"></div> 
   <div class="slidesjs-next slidesjs-navigation swiper-button-next"></div> 
  </div> 
  <div style="padding-bottom: 70px;"> 
   <div class="miniAppCase"> 
    <div class="case_nav">
        <nav class="inv-type">
          <div id="navul" style="display: inline-block;">
            <span class="tab {$industry?'':'tab-active'}" data-id="0">全部</span>
            {volist name='resapp' id='vo'}
              <span class="tab {$industry==$vo.id?'tab-active':''}" data-id="{$vo.id}">{$vo.name}</span>
            {/volist}
          </div>
        </nav>
      </div>
      <ul> 
        {volist name='page_list' id='vo'}
          <li><img src="{$vo.thumb!=''?get_file_path($vo['thumb']):'__VDONG__/picture/1-1.png'}" alt="{$vo.title}" height="200" /><p>{$vo.title}</p>
          <div class="qrcode">
           <img src="{:get_file_path($vo['erwei'])}" alt="{$vo.title}" />
          </div></li> 
        {/volist}
      </ul> 
   </div> 
   <div class="vdongpage">
 
   </div>
   <!-- 小程序精彩案例结束 --> 
  </div> 
<script>
$(function(){
      $("#navul").on("click","span",function(event){
        $(this).addClass('tab-active').siblings().removeClass('tab-active');
        var search = $(this).attr("data-id");
        window.location.href = window.location.origin+"{:url('index')}?industry="+search;
      });
    });
</script>
    